<template>
	<view class="tarbar" >
		<view class="item" @click="goPage('/pages/index/index')">
			<image class="img" src="/static/home-0.png" />
			<text class="text">首页</text>
		</view>
		<view class="item" @click="goPage('/pages/article/list/list')">
			<image class="img" src="/static/case-0.png"  />
			<text class="text">案例</text>
		</view>
		<view class="item" @click="goNewPage('/pages/user/proposal/publish/publish')">
			<image class="img" src="/static/proposal-0.png" />
			<text class="text">发布</text>
		</view>			
		<view class="item" @click="goPage('/pages/user/home/home')">
			<image class="img" src="/static/my-0.png"/>
			<text class="text">我的</text>
		</view>				
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			goPage(url) {
				uni.redirectTo({
					url: url
				})
			},
			goNewPage(url) {
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>

<style lang="scss">
	.tarbar{
		position: fixed; 
		padding-top: 8upx;
		display: flex; 
		bottom: 0upx;
		width: 100%;
		z-index: 1000;
		justify-content: space-between;
		background-color: white;
		border-top: 1upx solid #eee;
		.item{
			display: flex;
			flex: 1;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-align: center;
			.img{
				width:70upx;
				height:70upx;
				margin-bottom: 5upx;
			}
			.text{
				font-size:25upx;
				color:#989898
			}
		}
	}
</style>
